<!--
    收单配置
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:replace="common/common :: jscss"/><title>标记配置</title>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <form method="post" action="" class="layui-form" id="zmn-form" lay-filter="zmn-form">
                <input type="hidden" th:value="${conf.id}" name="id">
                <input type="hidden" id="color" name="color">

                <th:block th:if="${conf.id != null}">
                    <label class="layui-form-label">ID：</label>
                    <div class="layui-input-block">
                        <div class="layui-form-mid">
                            <span id="contentId">[[${conf.id}]]</span>
                        </div>
                    </div>
                </th:block>

                <div class="layui-form-item">
                    <label class="layui-form-label">标记类型：</label>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="标记类型" maxlength="50" id="tagName" name="tagName" th:value="${conf.tagName}" lay-verify="required" class="layui-input"></input>
                    </div>
                    <div class="layui-input-inline" style="width: 30px;"><div id="color-form"></div></div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">标记分类：</label>
                    <div class="layui-input-inline">
                        <div id="categoryIds" style="margin-bottom: 10px;"/>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">简称：</label>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="简称" maxlength="50" id="tagShortName" name="tagShortName" th:value="${conf.tagShortName}" lay-verify="required" class="layui-input"></input>
                    </div>
                    <div class="layui-form-mid layui-word-aux">用于展示在工单警示位置，请谨慎设置</div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">排序：</label>
                    <div class="layui-input-inline">
                        <input type="number" placeholder="排序" id="sort" name="sort" th:value="${conf.sort}" lay-verify="required" class="layui-input"></input>
                    </div>
                    <div class="layui-form-mid layui-word-aux">数字越小，越在前面</div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">标志说明：</label>
                    <div class="layui-input-inline" style="width: 200px">
                        <div class="layui-form-mid layui-word-aux" style="float: none">请对标志的作用/场景进行说明</div>
                        <textarea placeholder="200字以内" maxlength="200" id="remark" name="remark" th:text="${conf.remark}" lay-filter="remark"
                              class="layui-textarea" style="width: 300px;"></textarea>
                    </div>
                </div>

                <div class="layui-form-item submit">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit="" lay-filter="zmn-form-submit">保存</button>
                        <button class="layui-btn layui-btn-primary" onclick="parent.layer.closeAll();">取消</button>
                    </div>
                </div>

            </form>
        </div>
    </div>
</div>

<script th:inline="javascript">
    let dataVo = [[${conf}]];

    layui.config({
        base: "/static/js/module/",
        version: 20221013001,
    }).extend({
        oms_conf_ordertag_detail: "conf/ordertag/zmn.oms.conf.ordertag.detail"
    }).use(['oms_conf_ordertag_detail']);
</script>

</body>
</html>